@import url("reset.css");

BODY {
	font-family:trebuchet ms,arial,helvetica,sans-serif;
	font-size:0.8em;
	background:#666666 none 50% 50% repeat;
	padding:20px 0;
}

h1, h2, h3, h4, h5 { 
	font-family:ocr a extended,courier new,monospace;
	line-height:1.3em; 
	margin:0.6em 0; 
	font-weight:bold;
}
p { margin-bottom:1em;	}

h1 { font-size:2.0em; }
h2 { font-size:1.6em; }
h3 { font-size:1.4em; }
h4 { font-size:1.2em; }
h5 { font-size:1.1em; }
h6 { font-size:1.0em; }

a:link, a:visited, a:hover, a:active {
	color:#E9E9E9;
	text-decoration:none;
}
a:hover {
	color:#CC0000;
	text-decoration:underline;	
}

input,textarea,select { border:1px solid #808080; }
input[type='button'] { background-color:#EFEFEF; }
input[type='radio'] { border:0; }
input[type='hidden'] { border:0; }
input[type='checkbox'] { border:0; }

/* IDs */

#page-wrapper {
	width:1000px;
	margin:0 auto;	
}

#site-name {
	width:760px;
	height:30px;
	background-color:#777777; 
}
#site-name span {
	display:block;
	float:right;
	padding:4px 4px 0 0;
	font-family:Showcard Gothic;
	font-size:1.3em;
	font-weight:bold;
	text-transform:uppercase;
	color:#FFFFFF;
}

#navigation {
	width:240px;
	min-height:550px;
	float:right;
	background-color:#CCCCCC;
}
* html #navigation { height:550px; }
/* first level */
#navigation ul { margin:5px; }
#navigation ul li a:link,
#navigation ul li a:visited,
#navigation ul li a:hover,
#navigation ul li a:active { 
	font-weight:bold; 
	background-color:#666666;
	color:#FFFFFF;
	display:block; 
	padding:8px; 
	margin:2px; 
}
#navigation ul li a:hover { background-color:#663300; }
/* second level */
#navigation ul ul { margin:0 0 0 2px; }
#navigation ul ul li a:link,
#navigation ul ul li a:visited,
#navigation ul ul li a:hover,
#navigation ul ul li a:active {
	background:transparent url(../images/nav-bullet.gif) 0 50% no-repeat;
	color:#333333;
	font-size: 0.8em;
	font-weight:normal; 
	padding:3px 3px 3px 10px; 
	margin:2px 2px 2px 2px; 
}
#navigation ul ul li a:visited { background-image: url(../images/nav-bullet-visited.gif); }
#navigation ul ul li a:hover { color:#330000; }
/* third level */
#navigation ul ul ul { margin:0 0 0 6px; }

#navigation-footer {
	display:none;
}

#content-wrapper {
	width:760px;
	min-height:600px;
	float:left;
	background-color:#A5A5A5;
}
* html #content-wrapper { height:600px; }

#content {
	margin:8px;
}
#content h1#title { display:none; }

#content h1,#content h2,#content h3,#content h4,#content h5,#content h6 { 
	clear:left; 
	background:transparent url(../images/hr.gif) 0 100% repeat-x; 
}
#content ul, #content ol { margin:0 0 0 30px; }
#content ul { list-style:disc outside; }
#content ul ul { list-style:circle outside; }
#content ul ul ul { list-style:square outside; }
#content ol { list-style:decimal outside; }
#content ol ol { list-style:lower-alpha outside; }
#content ol ol ol { list-style:lower-roman outside; }
#content li { display:list-item; margin:0.25em 0 0.25em 0; }

#content form { margin: 0 }
#content form fieldset { display:block; margin:10px; }
#content form fieldset.spam-check { display:none; }
#content form label { display:block; float:left; width:120px; text-align: right; margin-right:10px; }
#content form input { display:block; float:left; width:200px; }
#content form textarea { display:block; float:left; width:250px; height:100px; }

#content .error-wrapper { border:1px solid red; background-color:#FFAAAA;  }
#content ul.error-wrapper { list-style-position:inside; margin:0; padding:6px 10px; }

#side-nav { display:none; }

#breadcrumb { 
	padding:4px 8px;
	margin:0;
	font-family:sans-serif;
	font-size:0.8em;
	background-color: #B0B0B0;
}
#breadcrumb li { 
	display:inline;
	padding:0 0 0 10px;
	background:transparent url(../images/breadcrumb-bullet.gif) 2px 50% no-repeat;
	color:#333333;
}
#breadcrumb a:link,
#breadcrumb a:visited,
#breadcrumb a:hover,
#breadcrumb a:active { color:#AA0000; }

#footer {
	width:748px;
	clear:left;
	background-color:#777777; 
	font-size: 0.8em;
	padding:6px;
}
#footer ul { float:right; width:200px; }
#footer ul li { display:block; float:right; }
#footer ul a:link,
#footer ul a:visited,
#footer ul a:hover,
#footer ul a:active { 
	display:block; 
	padding:0 0 0 15px; 
	background:transparent url(../images/nav-bullet.gif) 6px 50% no-repeat;
	color:#000000;
}
#footer ul a:visited { background-image: url(../images/nav-bullet-visited.gif); }

/* SHARED CLASSES */

.clear {
	clear:both;
}
.clear-hidden {
	clear:both;
	font-size:1px;
	height:1px;
}